 %include header libraryName=libraryName
    <script type="text/javascript">
        //<!--
        $(document).ready(function() {
            $('#search_box').focus();
        })
        //-->
    </script>
    <div class="numResources">We currently have {{numResources}} resources</div>
    
    <div class="center" style="padding: 10px;">
        <form method="get" action="/search">
            <label for="search_text">Search for resources: <input type="text" id="search_box" name="search_text" /></label>
            <button type="submit">Search</button>
        </form>
    </div>
    
    %if popularResources:
    <div class="bordered">
        <h2>Popular Resources</h2>
        <hr />
        %include resourceListing resources=popularResources, resourceAvailability=resourceAvailability, resourceTypes=resourceTypes
    </div>
    %end
%include footer